---
layout: example
categories: example/v1.0.0
version: v1.0.0
title: Over zoom tiles
description: Zoom map tiles past native zoom levels
tags:
  - layers
---
<style>
#zoom-level {
  margin: 10px;
  padding: 10px;
  position: absolute;
  right: 0;
  top:0;
  z-index: 1000;
  background: #ddd;
}
</style>
<div id='map'></div>
<div id='zoom-level'>Zoom Level: 15</div>
<script>

// The native maximum zoom level for this style layer is 18
var map = L.mapbox.map('map', null, {
    styleLayer: {
        maxNativeZoom: 18 // The map will use zoom level 18 tiles for all zoom levels past 18
    }
})
  .setView([40.7275, -73.9948], 15)
  .addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/satellite-v9'));

map.on('zoomend', function(){
    document.getElementById('zoom-level').innerHTML = 'Zoom Level: ' + map.getZoom();
});
</script>
